<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/classify.css" />
  </head>
  <body>
    <!-- top -->
    <div class="top">全部分类</div>

    <!-- serceh -->
    <div class="serceh">
      <div class="input">
        <i class="iconfont icon-sousuo"></i><span>搜索商品</span>
      </div>
    </div>

    <!-- 导航 -->
    <div class="nav">
      <div class="left">
        <ul>
          <li class="active">热门推荐</li>
          <li class="">手机</li>
          <li class="">空调</li>
          <li class="">冰箱</li>
          <li class="">洗衣机</li>
          <li class="">电视</li>
          <li class="">生活家电</li>
          <li class="">电脑办公</li>
          <li class="">卫厨大电</li>
          <li class="">智能数码</li>
          <li class="">智能数码</li>
          <li class="">智能数码</li>
          <li class="">智能数码</li>
          <li class="">智能数码</li>
          <li class="">智能数码</li>
          <li class="">智能数码</li>
        </ul>
      </div>
      <div class="right on">
        <ul>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/f871b65f88d19fd894845451873c7035.png"
              alt=""
            />
            <span>手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/43db9277c381eef488544252757ebef8.png"
              alt=""
            />
            <span>平板电脑</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/ff30e80831c1f16f4d090116f55c0912.png"
              alt=""
            />
            <span>热水器</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/a70fd1db54e5cb283a2e2c5bd20329ce.png"
              alt=""
            />
            <span>冰箱</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/94842ecc23df77a534052ee01eb3989d.png"
              alt=""
            />
            <span>电风扇</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/beab1b310c450d97ccf9ef85702afdca.png"
              alt=""
            />
            <span>奶粉</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/cea722f494e41aad0307c7271f92aaf7.png"
              alt=""
            />
            <span>白酒</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/f0c5575a00bcb50929ae79560ae2d9dd.png"
              alt=""
            />
            <span>电子锅</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/6166fdce6dea7c37fcd3917e3d119f30.png"
              alt=""
            />
            <span>牛奶</span>
          </li>
        </ul>
      </div>
      <div class="right">
        <ul>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/2d6a45ff5b80e014abeb19dac6aad619.jpg"
              alt=""
            />
            <span>5G手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/8836fc46fa74226ec3e406e3a05386ee.jpg"
              alt=""
            />
            <span>苹果手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/02c0fcc9b4b0b44d0fd96c7173129336.jpg"
              alt=""
            />
            <span>游戏手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/2d6a45ff5b80e014abeb19dac6aad619.jpg"
              alt=""
            />
            <span>5G手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/8836fc46fa74226ec3e406e3a05386ee.jpg"
              alt=""
            />
            <span>苹果手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/02c0fcc9b4b0b44d0fd96c7173129336.jpg"
              alt=""
            />
            <span>游戏手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/2d6a45ff5b80e014abeb19dac6aad619.jpg"
              alt=""
            />
            <span>5G手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/8836fc46fa74226ec3e406e3a05386ee.jpg"
              alt=""
            />
            <span>苹果手机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/02c0fcc9b4b0b44d0fd96c7173129336.jpg"
              alt=""
            />
            <span>游戏手机</span>
          </li>
        </ul>
      </div>
      <div class="right">
        <ul>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/935cc7e8d208add211bf050f4037083d.jpg"
              alt=""
            />
            <span>空调挂机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/0ff2c4bd54ec8fd38fd1c0049501e127.jpg"
              alt=""
            />
            <span>空调柜机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/ca93f57fed2ea2911ba898eb8e3e8424.jpg"
              alt=""
            />
            <span>新风空调</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/ebe34ce18e798af078323b23a7b36727.jpg"
              alt=""
            />
            <span>风管机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/047a8775d8bd737ed6c0400c93e8d366.jpg"
              alt=""
            />
            <span>一级能效</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/831168725570c31aceb7aa39cd4025bc.jpg"
              alt=""
            />
            <span>空调套装</span>
          </li>
        </ul>
      </div>
      <div class="right">
        <ul>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/203cdd5a3f6e0299753d74fff18a1b47.jpg"
              alt=""
            />
            <span>双开门冰箱</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/44714a908e75631719eb6c9d387f38df.jpg"
              alt=""
            />
            <span>十字开门</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/775a2aafe39a1dfbae20e50e055f0d48.jpg"
              alt=""
            />
            <span>多开门</span>
          </li>
        </ul>
      </div>
      <div class="right">
        <ul>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/107c65bf1f95c9e68f62ec9b02904850.jpg"
              alt=""
            />
            <span>波轮洗衣机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/b8e08c1152eede461fd4f28f0f616a83.jpg"
              alt=""
            />
            <span>深通洗衣机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/f46ebcf25c63da624a26595bd4345c9d.jpg"
              alt=""
            />
            <span>洗干一体</span>
          </li>
        </ul>
      </div>
      <div class="right">
        <ul>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/54de155831de5bb1afeeecfe266a0f6d.jpg"
              alt=""
            />
            <span>游戏电视</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/ed2600b8adc23ed01d5b2b5e51f721fe.jpg"
              alt=""
            />
            <span>全面屏电视</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/bcd43145f4bb2e86153f5ebe77eb43de.jpg"
              alt=""
            />
            <span>OLED电视</span>
          </li>
        </ul>
      </div>
      <div class="right">
        <ul>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/66144f643e5b45b8ea44ebf549c4a5e4.jpg"
              alt=""
            />
            <span>电风扇</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/481f03c1d9c5012c923bbf8cd837ff64.jpg"
              alt=""
            />
            <span>破壁机</span>
          </li>
          <li>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230321/76a706c1f90daca00b29eadba3129cdd.jpg"
              alt=""
            />
            <span>空气炸锅</span>
          </li>
        </ul>
      </div>
      <div class="right"></div>
      <div class="right"></div>
      <div class="right"></div>
      <div class="right"></div>
      <div class="right"></div>
      <div class="right"></div>
      <div class="right"></div>
      <div class="right"></div>
      <div class="right"></div>
    </div>

    <!-- 底部快捷导航 -->
    <div class="footer">
      <ul>
        <li class="">
          <i class="iconfont icon-shouye-zhihui"></i>
          <p>首页</p>
        </li>
        <li class="active">
          <i class="iconfont icon-fenlei"></i>
          <p>分类</p>
        </li>
        <li>
          <i class="iconfont icon-gouwuche"></i>
          <p>购物车</p>
        </li>
        <li>
          <i class="iconfont icon-wode"></i>
          <p>我的</p>
        </li>
      </ul>
    </div>

    <!-- axios -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
    <script src="./js/classify.js"></script>
    <script src="./js/commen.js"></script>

    <!-- <script src="./js/index.js"></script> -->
    <script>
      document.querySelector('.serceh').addEventListener('click', function () {
        location.href = 'search.html'
      })
    </script>
  </body>
</html>
